* {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-decoration: none;
}
#all {
	overflow: hidden;
	position: relative;
}

/*第一个页面*/
#one {
	background: #00b38a;
	width: 100%;
	color: whitesmoke;
	text-align: center;
	height: 662px;
	position: relative;
}
.one-mean {
	position: relative;
	top: 40%;
	font-size: 80px;
}
/*向下箭头的动画*/
#one-next-down{
	opacity: 0.5;
	/*background: white;*/
	position: absolute;
	left: 50%;
	top: 85%;
	/*width: 5%;*/
	height: 5%;
	animation:one-next 2.3s;
	animation-timing-function:linear ;
	animation-iteration-count:infinite ;
}
#one-next-down:before{
	content: '';
	left: 0px;
	position: absolute;
	z-index: 5;
	border: 15px solid transparent;
	border-bottom-color: white;
	background: #00B38A;
	transform: rotate(180deg);
}
#one-next-down:after{
	content: '';
	left: 0px;
	position: absolute;
	z-index: 5;
	top: 11px;
	border: 15px solid transparent;
	border-bottom-color: white;
	background: #00B38A;
	transform: rotate(180deg);
}
@keyframes one-next{
	50%{opacity: 1;top: 90%;}
	100%{opacity: 0.5;top: 85%;}
}

/*第二个页面*/
#two {
	background: #4169E1 ;
	width: 100%;
	height: 662px;
}

/*第三个页面*/
#three {
	width: 100%;
	height: 662px;
	background:#FF8C00  ;
}

/*第四个页面*/
#four {
	width: 100%;
	height: 662px;
	background: #708090 ;
}
#bar {
	/*background: black;*/
	overflow: hidden;
	position: fixed;
	right: 10px;
	top: 40%;
}
#bar ul {
	width: 100%;
	height: 100%;
}
#bar ul li:nth-child(1){
	margin-top: 0px;
}
#bar ul li {
	margin: 20px 10px;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 50px;
}
#bar ul li a {
	width: 100%;
	height: 100%;
}